const echarts = require("echarts")

var option = {
  tooltip: {
    trigger: 'axis',
    axisPointer: { // 坐标轴指示器，坐标轴触发有效
      type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
    }
  },
  grid: {
    left: '2%',
    right: '4%',
    bottom: '14%',
    top: '16%',
    containLabel: true
  },
  legend: {
    data: ['发现', '整改'],
    right: 10,
    top: 12,
    textStyle: {
      color: "#fff"
    },
    itemWidth: 12,
    itemHeight: 10,
    // itemGap: 35
  },
  xAxis: {
    type: 'category',
    data: ['载体', '资产方', '企业'],
    // axisLine: {
    //   lineStyle: {
    //     color: 'white'

    //   }
    // },
    axisLine: {
      show: true,
      lineStyle: {
        color: "white", //y轴线的颜色（若只设置了y轴线的颜色，未设置y轴文字的颜色，则y轴文字会默认跟设置的y轴线颜色一致）
        type: "solid", //y轴线为实线
      },
    },
    axisLabel: {
      // interval: 0,
      // rotate: 40,
      textStyle: {
        fontFamily: 'Microsoft YaHei'
      }
    },
  },

  yAxis: {
    type: 'value',
    // max: '100',
    axisLine: {
      show: true,
      lineStyle: {
        color: 'white'
      }
    },
    splitLine: {
      show: false,
      lineStyle: {
        color: 'rgba(255,255,255,0.3)'
      }
    },
    axisLabel: {}
  },
  "dataZoom": [{
    "show": true,
    "height": 12,
    "xAxisIndex": [
      0
    ],
    bottom: '8%',
    "start": 10,
    "end": 90,
    handleIcon: 'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',
    handleSize: '110%',
    handleStyle: {
      color: "#d3dee5",

    },
    textStyle: {
      color: "#fff"
    },
    borderColor: "#90979c"
  }, {
    "type": "inside",
    "show": true,
    "height": 15,
    "start": 1,
    "end": 35
  }],
  series: [{
    name: '发现',
    type: 'bar',
    barWidth: '15%',
    itemStyle: {
      normal: {
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
          offset: 0,
          color: '#fccb05'
        }, {
          offset: 1,
          color: '#f5804d'
        }]),
        barBorderRadius: 12,
      },
    },
    data: [15, 9, 18]
  },
  {
    name: '整改',
    type: 'bar',
    barWidth: '15%',
    itemStyle: {
      normal: {
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
          offset: 0,
          color: '#8bd46e'
        }, {
          offset: 1,
          color: '#09bcb7'
        }]),
        barBorderRadius: 11,
      }

    },
    data: [11, 9, 12]
  },
    // {
    //   name: '3',
    //   type: 'bar',
    //   barWidth: '15%',
    //   itemStyle: {
    //     normal: {
    //       color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
    //         offset: 0,
    //         color: '#248ff7'
    //       }, {
    //         offset: 1,
    //         color: '#6851f1'
    //       }]),
    //       barBorderRadius: 11,
    //     }
    //   },
    //   data: [400, 600, 700, 700, 1000, 400, 400, 600, 700]
    // }


  ]
};

var app = {
  currentIndex: -1,
};
//  setInterval(function () {
//    var dataLen = option.series[0].data.length;

//    // 取消之前高亮的图形
//    myChart.dispatchAction({
//      type: 'downplay',
//      seriesIndex: 0,
//      dataIndex: app.currentIndex
//    });
//    app.currentIndex = (app.currentIndex + 1) % dataLen;
//    //console.log(app.currentIndex);
//    // 高亮当前图形
//    myChart.dispatchAction({
//      type: 'highlight',
//      seriesIndex: 0,
//      dataIndex: app.currentIndex,
//    });
//    // 显示 tooltip
//    myChart.dispatchAction({
//      type: 'showTip',
//      seriesIndex: 0,
//      dataIndex: app.currentIndex
//    });


//  }, 1000)

export default option